﻿(function($){
	var W = $(".tbox-img").width(), Len = $(".tbox-img .timg li").length, i, T=setInterval(nextAn,2000);
	$(".tbox-img").append('<div class="tbprev"></div><div class="tbnext"></div><div class="tpush"></div>');
	$(".tbox-img .timg").width(W*Len);
	$(".tbox-img .timg li").each(function(){
		$(".tbox-img .tpush").append("<div></div>");
	});
	$(".tbox-img .tpush div:first").addClass("on");
	var L = (W-$(".tbox-img .tpush").width())/2;
	$(".tbox-img .tpush").css("left",L);
	$(".tbox-img .tpush div").click(function(){
		i = $(this).index();
		$(".tbox-img .timg").animate({left: -(980*i)}, 300);
		$(".tbox-img .tpush div").removeAttr("class");
		$(this).addClass("on");
	});
	$(".tbprev").click(prevAn);
	$(".tbnext").click(nextAn);
	$(".tbox-img").hover(function(){$(".tbprev,.tbnext").show();clearInterval(T);},function(){$(".tbprev,.tbnext").hide();T=setInterval(nextAn,2000);});
	function prevAn() {
		i = $(".tbox-img .tpush div.on").index()-1;
		i = i<0 ? Len-1 : i;
		$(".tbox-img .timg").animate({left: -(980*i)}, 300, function(){$(".tbox-img .tpush div").removeAttr("class");$(".tbox-img .tpush div:eq("+i+")").addClass("on");});
	}
	function nextAn() {
		i = $(".tbox-img .tpush div.on").index()+1;
		i = i>=Len ? 0 : i;
		$(".tbox-img .timg").animate({left:-(980*i)},300,function(){$(".tbox-img .tpush div").removeAttr("class");$(".tbox-img .tpush div:eq("+i+")").addClass("on");});
	}
})(jQuery);